<!DOCTYPE html>
<html>
<!-- 根标签:有且只有一个 -->
<head>
    <!-- 头 -->
    <meta charset="UTF-8">
    <!-- 编码 -->
    <title>1.这是title,显示在浏览器的标签上</title>
    <!-- 引入代码块样式 -->
    <link rel="stylesheet" href="../css/code_black.css"/>
    <!-- 引入表格样式 -->
    <link rel="stylesheet" href="../css/table_style.css" />

    <!-- 给 table 第1列自动排序号, <table class="num_auto_increase" -->
    <script type="text/javascript" src="../js/table_num_auto_increase.js"></script>
</head>

<!-- 体 -->
<body>
<h1><font color="red">基础标签</font></h1>
<table class="num_auto_increase">
    <tr>
        <th>序号</th>
        <th>标签</th>
        <th>说明</th>
        <th>示例</th>
    </tr>
    <tr>
        <td></td>
        <td>a</td>
        <td>超链接标签</td>
        <td><a href="basic/a.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>b</td>
        <td>字体加粗</td>
        <td><a href="basic/b.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>br</td>
        <td>换行</td>
        <td><a href="basic/br.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>div</td>
        <td>块级元素</td>
        <td><a href="basic/div.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>em &amp; strong</td>
        <td>强调</td>
        <td><a href="basic/em_strong.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>font</td>
        <td>字体</td>
        <td><a href="basic/font.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>form</td>
        <td>表单</td>
        <td><a href="basic/form.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>frameset</td>
        <td>框架结构(框架集)</td>
        <td><a href="basic/frameset.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>h1~h6</td>
        <td>标题</td>
        <td><a href="basic/h1_h6.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>hr</td>
        <td>水平分割线</td>
        <td><a href="basic/hr.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>i</td>
        <td>字体斜体</td>
        <td><a href="basic/i.html" target="_blank"><i>查看</i></a></td>
    </tr>
    <tr>
        <td></td>
        <td>input</td>
        <td>文本输入框or按钮</td>
        <td><a href="basic/input.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>img</td>
        <td>图片</td>
        <td><a href="basic/img.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>mark</td>
        <td>高亮</td>
        <td><a href="basic/mark.html" target="_blank"><mark>查看</mark></a></td>
    </tr>
    <tr>
        <td></td>
        <td>ol &amp; ul</td>
        <td>有序列表&amp;无序列表</td>
        <td><a href="basic/ol_ul.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>p</td>
        <td>段落</td>
        <td><a href="basic/p.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>pre</td>
        <td>代码块</td>
        <td><a href="basic/pre.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>select</td>
        <td>下拉列表</td>
        <td><a href="basic/select.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>span</td>
        <td>???</td>
        <td><a href="basic/span.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>table</td>
        <td>表格</td>
        <td><a href="basic/table.html" target="_blank">查看</a></td>
    </tr>
    <tr>
        <td></td>
        <td>textarea</td>
        <td>文本区域</td>
        <td><a href="basic/textarea.html" target="_blank">查看</a></td>
    </tr>
</table>

</body>
</html>